<template>
  <div class="dashboard">
    <top-view />
    <middle-view />
    <bottom-view />
  </div>
</template>

<script>
import TopView from './components/TopView'
import MiddleView from './components/MiddleView'
import BottomView from './components/BottomView'
export default {
  name: 'Dashboard',
  components: {
    TopView, 
    MiddleView,
    BottomView,
  },
  mounted () {
    this.$store.dispatch('data/getReportData')
  },
}
</script>

<style lang="scss" scoped>
.dashboard {
  background: #eee;
  width: 100%;
  padding: 20px;
}
</style>
